<!DOCTYPE html>
<html lang="en" style="scroll-behavior:smooth;">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="音乐,QQ音乐,在线听歌,音乐下载,音乐播放器,音乐网站,MV,巅峰榜,音乐排行榜,翻译歌曲,热门歌曲,经典老歌,无损音乐,无损曲库">
    <meta name="description" content="QQ音乐是腾讯公司推出的一款网络音乐服务产品，海量音乐在线试听、新歌热歌在线首发、歌词翻译、手机铃声下载、高品质无损音乐试听、海量无损曲库、正版音乐下载、空间背景音乐设置、MV观看等，是互联网音乐播放和下载的优选。">
    <title>分类歌单 - QQ音乐-千万正版音乐海量无损曲库新歌热歌天天畅听的高品质音乐平台！</title>
   <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_3752625_6gyikrpqp9g.css">
    <!-- 引入标题图标 -->
    <link rel="shortcut icon" href="./网站图标.ico" type="image/x-icon">
    <!-- 引入基础公共样式 -->
    <link rel="stylesheet" href="./css/base.css">
    <!-- 引入首页的css -->
   <link rel="stylesheet" href="./css/index.css">
</head>
<body cookie="5" data-id="5">
    <script>
        document.cookie="5"
    </script>
    <iframe  id="ifr1" src="../代普/mod_header.html" scrolling="no" frameborder="0"
    style="position: absolute;top:0px; width:100%; z-index:99; height: 250px;display: flex;">
</iframe>
<iframe  id="ifr2" src="../代普/guding.html" scrolling="no" frameborder="0"
style="position: fixed;bottom:0px;right: 0px; width: 100px; z-index:99; height: 250px;display: flex;">
</iframe>
    <!-- 热门区域 -->
    <div class="section">
        <div class="container">
            <!-- 全部的5个盒子 -->
            <div class="playlist_tag_ul">
                <h3>热门</h3>
                <!-- 内容 -->
                <ul>
                    <li>
                        <a href="#" class="acc">官方歌单</a>
                    </li>
                    <li>
                        <a href="#">Al歌单</a>
                    </li>
                    <li>
                        <a href="#">免费热歌</a>
                    </li>
                    <li>
                        <a href="#">私藏</a>
                    </li>
                </ul>
                
            </div>
            <div class="playlist_tag_ul">
                <h3>主题</h3>
                <!-- 内容 -->
                <ul>
                    <li>
                        
                        <a href="#">音乐灵感</a>
                    </li>
                    <li>
                        <a href="#">达人心选</a>
                    </li>
                    <li>
                        <a href="#">ktv金曲</a>
                    </li>
                    <li>
                        <a href="#">网络歌曲</a>
                    </li>
                    <li>
                        <a href="#">现场音乐</a>
                    </li>
                    <li>
                        <a href="#">背景音乐</a>
                    </li>
                    <li>
                        <a href="#">景点老哥</a>
                    </li>
                    <li>
                        <a href="#">情歌</a>
                    </li>
                    <li>
                        <a href="#">更多</a>
                        <i class="iconfont icon-jiantouxia"></i>
                    </li>
                </ul>
                
            </div>
            <div class="playlist_tag_ul">
                <h3>场景</h3>
                <!-- 内容 -->
                <ul>
                    <li>
                        
                        <a href="#">夜店</a>
                    </li>
                    <li>
                        <a href="#">学习工作</a>
                    </li>
                    <li>
                        <a href="#">咖啡馆</a>
                    </li>
                    <li>
                        <a href="#">运动</a>
                    </li>
                    <li>
                        <a href="#">睡前</a>
                    </li>
                    <li>
                        <a href="#">旅行</a>
                    </li>
                    <li>
                        <a href="#">跳舞</a>
                    </li>
                    <li>
                        <a href="#">派对</a>
                    </li>
                    <li>
                        <a href="#">更多</a>
                        <i class="iconfont icon-jiantouxia"></i>
                    </li>
                </ul>
                
            </div>
            <div class="playlist_tag_ul">
                <h3>心情</h3>
                <!-- 内容 -->
                <ul>
                    <li>
                        
                        <a href="#">伤感</a>
                    </li>
                    <li>
                        <a href="#">快乐</a>
                    </li>
                    <li>
                        <a href="#">安静</a>
                    </li>
                    <li>
                        <a href="#">励志</a>
                    </li>
                    <li>
                        <a href="#">治愈</a>
                    </li>
                    <li>
                        <a href="#">思念</a>
                    </li>
                    <li>
                        <a href="#">甜蜜</a>
                    </li>
                    <li>
                        <a href="#">寂寞</a>
                    </li>
                    <li>
                        <a href="#">宣泄</a>
                    </li>
                </ul>
                
            </div>
            <div class="playlist_tag_ul">
                <h3>年代</h3>
                <!-- 内容 -->
                <ul>
                    <li>
                        <a href="#">00年代</a>
                    </li>
                    <li>
                        <a href="#">90年代</a>
                    </li>
                    <li>
                        <a href="#">80年代</a>
                    </li>
                    <li>
                        <a href="#">70年代</a>
                    </li>
                </ul>
                
            </div>
            <!-- 两个小圆点盒子 -->
            <ol class="indicator">
                <li></li>
                <li></li>
            </ol>
            <!-- 左右箭头 -->
            <!-- <a href="#" class="prey">
                <span></span>
            </a>
            <a href="#" class="next">
                <span></span>
            </a> -->
        </div>
    </div>





   <!-- 推荐歌单模块 -->
   <div class="man">
    <!-- 版心 -->
    <div class="container">
        <!-- 推荐歌单 -->
        <div class="Recommended">
            <h4>推荐歌单</h4>
        </div>

        <!-- 图片模块 -->
        <div class="Picture_module">
            <ul class="focus">
                <li>
                    <a href="#">
                        <div class="icon">
                            <img src="https://qpic.y.qq.com/music_cover/gaSSCRswoq7NlpHA8vK1PufqxCnYC4jicicOhyb8fTop9xhedkDu7qVQ/300?n=1" alt="">
                        </div>
                        <div>《世界杯BGM,你来定》</div>
                        <span>歌单狂魔</span>
                        <p>播放量:42.3万</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="icon">
                            <img src="https://qpic.y.qq.com/music_cover/vMwqCIZ07s9lib4042pUuwStTG8ib7VEiaB5PFFRtRFZXyhiaU4bAnMTxw/300?n=1" alt="">
                        </div>
                        <div>《世界杯BGM,你来定》</div>
                        <span>歌单狂魔</span>
                        <p>播放量:42.3万</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="icon">
                            <img src="https://qpic.y.qq.com/music_cover/8CIqeYhgt3dKXrjdPVzpdGXc0pVdGO7ia5juBHn8NAALGtAOaiaaHtZg/300?n=1" alt="">
                        </div>
                        <div>《世界杯BGM,你来定》</div>
                        <span>歌单狂魔</span>
                        <p>播放量:42.3万</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="icon">
                            <img src="https://qpic.y.qq.com/music_cover/CdwiccEXcIPFq6IyiciasvjO6VxBOO5Veib6m9NjlkuvneRIyzWic6LZaxw/300?n=1" alt="">
                        </div>
                        <div>《世界杯BGM,你来定》</div>
                        <span>歌单狂魔</span>
                        <p>播放量:42.3万</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="icon">
                            <img src="https://qpic.y.qq.com/music_cover/CdwiccEXcIPFq6IyiciasvjOyHxs63McPbmcWoiaT9Cd6glJn924u6uQvw/300?n=1" alt="">
                        </div>
                        <div>《世界杯BGM,你来定》</div>
                        <span>歌单狂魔</span>
                        <p>播放量:42.3万</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="icon">
                            <img src="https://qpic.y.qq.com/music_cover/cdJTdCSc2HMDfzCvn1KLcT8DL1wP2ibNP6iaTWOEUPO7x9kWIb5fvic52oCUDxNWnBP/300?n=1" alt="">
                        </div>
                        <div>《世界杯BGM,你来定》</div>
                        <span>歌单狂魔</span>
                        <p>播放量:42.3万</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="icon">
                            <img src="https://qpic.y.qq.com/music_cover/hlZUYgj8FnMFqmDjbhO9kUqib3SlVcCib3qHbtzAuYicI2RulXoEz0QUA/300?n=1" alt="">
                        </div>
                        <div>《世界杯BGM,你来定》</div>
                        <span>歌单狂魔</span>
                        <p>播放量:42.3万</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="icon">
                            <img src="https://qpic.y.qq.com/music_cover/3sZgibm04hICGbleGFmh9SbW1XTBkGx4g6xz7GeGJYdJujuSjmDGwLQ/300?n=1" alt="">
                        </div>
                        <div>《世界杯BGM,你来定》</div>
                        <span>歌单狂魔</span>
                        <p>播放量:42.3万</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="icon">
                            <img src="https://qpic.y.qq.com/music_cover/oMphCibDIicibO3ibh8tztPnIiaUvzyOyiacAHj9kyRfZU3zia7K013GDOLicg/300?n=1" alt="">
                        </div>
                        <div>《世界杯BGM,你来定》</div>
                        <span>歌单狂魔</span>
                        <p>播放量:42.3万</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="icon">
                            <img src="https://qpic.y.qq.com/music_cover/qySHBaLckrOIYib7GXCWmDbG7K4GRBmyC88HLWlrTRMSK6CmFAIm43UZuTj4vBxhP/300?n=1" alt="">
                        </div>
                        <div>《世界杯BGM,你来定》</div>
                        <span>歌单狂魔</span>
                        <p>播放量:42.3万</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="icon">
                            <img src="https://qpic.y.qq.com/music_cover/VgJ9yB2pf097libEdIw2frhEiaRN3nqicoFB2OYt1bpYhgSr9Kklk3hNw/300?n=1" alt="">
                        </div>
                        <div>《世界杯BGM,你来定》</div>
                        <span>歌单狂魔</span>
                        <p>播放量:42.3万</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="icon">
                            <img src="https://qpic.y.qq.com/music_cover/PuLjRT6W4woklojFFFDHmfT2GNtkZTJwwicBoAYZCbTNxtWibWupHhfQ/300?n=1" alt="">
                        </div>
                        <div>《世界杯BGM,你来定》</div>
                        <span>歌单狂魔</span>
                        <p>播放量:42.3万</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="icon">
                            <img src=https://qpic.y.qq.com/music_cover/jiaJRGwJnWdhpt92PaG8l5bqEwiaL1o3ueVOfLzyOmz7trhIicib9wibEgA/300?n=1" alt="">
                        </div>
                        <div>《世界杯BGM,你来定》</div>
                        <span>歌单狂魔</span>
                        <p>播放量:42.3万</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="icon">
                            <img src="https://qpic.y.qq.com/music_cover/gaSSCRswoq7NlpHA8vK1PufqxCnYC4jicicOhyb8fTop9xhedkDu7qVQ/300?n=1" alt="">
                        </div>
                        <div>《世界杯BGM,你来定》</div>
                        <span>歌单狂魔</span>
                        <p>播放量:42.3万</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="icon">
                            <img src="https://qpic.y.qq.com/music_cover/CdwiccEXcIPFq6IyiciasvjO83LVhvzricT2sNHgVcRBtibxsaJicdygicUDA/300?n=1" alt="">
                        </div>
                        <div>《世界杯BGM,你来定》</div>
                        <span>歌单狂魔</span>
                        <p>播放量:42.3万</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="icon">
                            <img src="https://qpic.y.qq.com/music_cover/oMphCibDIicibO3ibh8tztPnIvz57x79cBp4u1fRC1l6GIiaTJonicnUZu2Q/300?n=1" alt="">
                        </div>
                        <div>《世界杯BGM,你来定》</div>
                        <span>歌单狂魔</span>
                        <p>播放量:42.3万</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="icon">
                            <img src="https://qpic.y.qq.com/music_cover/cdJTdCSc2HMDfzCvn1KLcT8DL1wP2ibNP6iaTWOEUPO7x9kWIb5fvic52oCUDxNWnBP/300?n=1" alt="">
                        </div>
                        <div>《世界杯BGM,你来定》</div>
                        <span>歌单狂魔</span>
                        <p>播放量:42.3万</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="icon">
                            <img src="https://qpic.y.qq.com/music_cover/8Q07aRezP1xGs4NODXR2rL5mKD1UCoVHgroXjKtvwc5ALmHQAWElBw/300?n=1" alt="">
                        </div>
                        <div>《世界杯BGM,你来定》</div>
                        <span>歌单狂魔</span>
                        <p>播放量:42.3万</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="icon">
                            <img src="https://qpic.y.qq.com/music_cover/qH8rLHHhL8O8Iibm56uPzJ6qOkLc74xHlYrze4YlibYNppibBNzLSkqFw/300?n=1" alt="">
                        </div>
                        <div>《世界杯BGM,你来定》</div>
                        <span>歌单狂魔</span>
                        <p>播放量:42.3万</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="icon">
                            <img src="https://qpic.y.qq.com/music_cover/Kfat8dubG9jd2J815HySpmia3GIcN5O5hTiaeZA8KMfibDwZ4aHUOhKfA/300?n=1" alt="">
                        </div>
                        <div>《世界杯BGM,你来定》</div>
                        <span>歌单狂魔</span>
                        <p>播放量:42.3万</p>
                    </a>
                </li>
            </ul>
            <!-- 查看更多模块 -->
            <div class="lnspect">
                <p>查看更多内容，请下载客户端</p>
                <a href="#">立即下载</a>
            </div>
        </div>

        
    </div> 
   </div> 

    <!-- 底部导航栏 -->
    <div class="footer">
        <!-- 版心 -->
        <div class="container">
            <!-- 底部上方 -->
            <div class="footer-top">
                <!-- 底部客户端 -->
                <div class="footer-client">
                    <h3>下载QQ音乐客户端</h3>
                    <div class="footer-img">
                        <a href="#">
                            <i></i>
                            <span>PC版</span>
                        </a>
                        <a href="#">
                            <i></i>
                            <span>Mac版</span>
                        </a>
                        <a href="#">
                            <i></i>
                            <span>Android版</span>
                        </a>
                        <a href="#">
                            <i></i>
                            <span>iphone版</span>
                        </a>
                    </div>
                    <h3>开方平台</h3>
                    <div class="footer-list">
                        <a href="#">QQ音乐开放平台</a>
                        <a href="#">腾讯音乐人</a>
                        <a href="#">音乐推</a>
                    </div>
                </div>
                <!-- 底部产品 -->
                <div class="footer-product">
                    <h3>特色产品</h3>
                    <div class="footer-img">
                        <a href="#">
                            <i></i>
                            <span>全民K歌</span>
                        </a>
                        <a href="#">
                            <i></i>
                            <span>银河音效</span>
                        </a>
                        <a href="#">
                            <i></i>
                            <span>Qplay</span>
                        </a>
                        <a href="#">
                            <i></i>
                            <span>Fan直播伴侣</span>
                        </a>
                    </div>
                    <h3>TME集团官网</h3>
                    <div class="footer-list">
                        <a href="#">腾讯音乐</a>
                    </div>
                    <div class="footer-absolute">
                        <a href="#">车载互联</a>
                        <a href="#">QQ演出</a>
                    </div>
                </div>

                <!-- 底部链接 -->
                <div class="footer-link">
                    <h3>合作链接</h3>
                    <div class="footer-text">
                        <ul class="clearfix">
                            <li><a href="#">cj ENM</a></li>
                            <li><a href="#">腾讯视频</a></li>
                            <li><a href="#">手机QQ空间</a></li>
                            <li><a href="#">最新版QQ</a></li>
                            <li><a href="#">腾讯社交广告</a></li>
                            <li><a href="#">电脑管家</a></li>
                            <li><a href="#">QQ浏览器</a></li>
                            <li><a href="#">腾讯微云</a></li>
                            <li><a href="#">腾讯云</a></li>
                            <li><a href="#">企鹅FM</a></li>
                            <li><a href="#">智能电视网</a></li>
                            <li><a href="#">当贝市场</a></li>
                            <li><a href="#">酷我音乐</a></li>
                            <li><a href="#">酷狗听书</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 底部下方 -->
            <div class="footer-bottom">
                <p>
                    <a href="#">关于腾讯</a>|
                    <a href="#">About Tencent</a>|
                    <a href="#">服务条款</a>|
                    <a href="#">用户服务协议</a>|
                    <a href="#">隐私政策</a>|
                    <a href="#">权力声明</a>|
                    <a href="#">广告服务</a>|
                    <a href="#">腾讯招聘</a>|
                    <a href="#">客服中心</a>|
                    <a href="#">网站导航</a>|
                    <a href="#">举报中心</a>
                </p>
                <p>Copyright © 1998 - 2022 Tencent.All Rights Reserved.</p>
                <p>
                    <a href="#">腾讯公司 版权所有</a>| 
                    <a href="#">营业执照</a>|
                    <a href="#">网络文化经营许可证：粤网文[2020]3396-195号</a>|
                    <a href="#">客服电话:</a>|
                    <a href="#">4006016666</a>|
                    <a href="#">违法与不良信息举报邮箱：</a>|
                    <a href="#">tme_musicjubao@tencentmusic.com</a>
                </p>
            </div>
        </div>
    </div>
  
    <script src="./js/list.js"></script>
    <script src="../代普/js/ifr.js"></script>

</body>
</html>